<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minmum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">

    <title>模拟京东移动端</title>
</head>

<body>
<!-- 顶部 begin -->
<header class="open-app">
    <ul>
        <li> 
            <!-- 原来写了a，注意a是跳转，非关闭功能 -->
            <img src="./images/close.png" alt=""> 
        </li>
        <li>
            <img src="./images/shibochuye.v1.png" alt="">
        </li>
        <li>世博厨业</li>
        <li>立即打开</li>
    </ul>
</header>
<!-- 顶部 end -->

<!-- 搜索 begin -->
<div class="search-wrap">
    <div class="search-category"></div>
    <div class="search">
        <div class="sbcy-icon"></div>
        <div class="query"></div>
    </div>
    <div class="search-login">登录</div>
</div>
<!-- 搜索 end -->

<!-- app主体 begin -->
<div class="main-content">
    <div class="main-slider">
        <img src="./upload/slider-ads01.dpg" alt="">
    </div>
    <!-- 中部3张图left浮动，暂时屏蔽 -->
    <!-- 
    <div class="main-advertise">
        <div><img src="./upload/ad-left01.png" alt=""></div>
        <div><img src="./upload/ad-middle.gif" alt=""></div>
        <div><img src="./upload/ad-right.png" alt=""></div>
    </div>
     -->
    <div class="main-small-advertise">
        <img src="./upload/ad-middle-small.webp" alt="">
    </div>

    <!-- 首页列表菜单 begin -->
    <nav>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
        <a href="">
            <img src="./upload/home-menu-index.dpg" alt="">
            <span>菜单</span>
        </a>
    </nav>
    <!-- 首页列表菜单 end -->

</div>
<!-- app主体 end -->

</body>
</html>